body {
    font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
}
.index-title{
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:45px;
    line-height: 45px;
    border-bottom: 1px solid #cbcbcb;
    .title{
        flex: 1 1;
        padding-left: 24px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        font-weight: 500;
    }
}
.index-menu{
    position: absolute;
    top:45px;
    right:0;
    bottom:0;
    left:0;
    height:35px;
    line-height: 35px;
    border-bottom: 1px solid #cbcbcb;
    .tool-menu{
        margin-left: 24px;
        .icon{
            margin-right: 8px;
            cursor: pointer;
        }
        .icon:hover{
            color:#108EE9;
        }
    }
 }
.index-left{
    position: absolute;
    top:80px;
    right:0;
    bottom:35px;
    left:0;
    width:184px;
    border-right: 1px solid #cbcbcb;
    .btn{
        position: absolute;
        top:0;
        bottom:0;
        left:0;
        width:24px;
        border-right: 1px solid #cbcbcb;
        .btn-large{
            font-size: 18px;
            margin-left: -5px;
        }
    }
    .content{
        position: absolute;
        top:0;
        bottom:0;
        left:24px;
        width:160px;
    }
}
.index-left-small{
    width:24px;
}
.index-content{
    position: absolute;
    top:80px;
    right:0;
    bottom:35px;
    left:184px;
    background-color: #f3f3f3;
}
.index-content-larger{
    left:24px;
}

.index-bottom{
    position: absolute;
    right:0;
    bottom:0;
    left:0;
    height:35px;
    border-top: 1px solid #cbcbcb;
}